<template>
  <div class="container mycontent text-left">
        <!--透明层 -->
        <div class="regDiv" id="app">
            <Top></Top>
            <div style="margin-top: 20px">
                <!-- 用户名登录 -->
                <UserName ></UserName>
                <!-- 邮箱验证登录 -->
                <EmailName ></EmailName>
            </div>
            <!-- 切换邮箱验证登录 -->
            <Floor></Floor>
        </div>
    </div>
</template>

<script>
    import Top from './coms/Top.vue'
    import UserName from './coms/UserName.vue'
    import EmailName from './coms/EmailName.vue'
    import Floor from './coms/Floor.vue'

    export default {
        name: 'Userwid',
        components: {Top,UserName,EmailName,Floor},
    }
</script>

<style scoped>
    /*登录页的半透明层的样式*/
    .regDiv {
        height: 40%;
        width: 30%;
        background-color: rgba(255, 255, 255, 0.85);
        float: right;
        margin: 130px 60px 0 0;
        border-radius: 10px;
        color: #666666;
        padding: 8px;
    }
</style>